<template>
  <div class="staff-detail-view">
    <h1>员工详情2</h1>
    <!-- 这里可以添加员工详细信息展示内容 -->
     <p>员工姓名：{{ query.name }}</p>
     <p>员工薪水：{{ query.salary }}</p>
  </div>
</template>

<script lang="ts" setup>
import { toRef } from 'vue'
import { useRoute } from 'vue-router';

const route = useRoute()
console.log(route.params)
const query = toRef(route, 'params')


</script>

<style scoped>
.staff-detail-view {
  padding: 24px;
}
</style>
